<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

   <title>智慧用电</title>
    <link rel="stylesheet" href="/home/css/ui.css">
     <link rel="stylesheet" href="/home/css/index.css">

</head>
<body>


<div class="content" style="overflow: auto;">
    <div class="scroll-content">
        <div class="scroll">
          <div class="item-limit-icon item-limit-title">
           
            <div><a href="/home/sevice/index"><img class="back1" style="vertical-align:middle;margin-right: 22rem;" src="/home/images/icon/return.png"/></a></div>
                <img id="tu" src="/home/images/4.png"/>
                <div class="box">
                    <div class="slider" id="slider"></div>
                    <span class="m">布防</span>
                    <span class="w">撤防</span>
                </div>
                <h3 style="line-height: 2px;">当前状态</h3>
            </div>
             <div class="item-mark-text b-line">
                <li class="r-line">
                    <p class="item-mark-top">照明</p>
                    <p class="item-mark-bot">500HA</p>
                </li>
                <li class="r-line">
                    <p class="item-mark-top">插座</p>
                    <p class="item-mark-bot">27℃</p>
                </li>
                <li>
                    <p class="item-mark-top">温度</p>
                    <p class="item-mark-bot">25℃</p>
                </li>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/home/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $("#slider").toggle(
        function () {
            $(this).css("left","100px");
        },
        function () {
            $(this).css("left","0");
        }
    );
</script>
</html>